<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I add attachments to a wiki page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I add attachments to a wiki page?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Wiki.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/240/587/original/deaf2860-3f06-41fa-9106-edfb9fdc732b.png" alt="image of the wiki button" height="119" width="195">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_94AEACEC-7C37-4ADC-9606-DCB3DE6D22F0" class="text-block-content">
    <p>Select the <strong>Wiki</strong> tool from the Tool Menu of your site.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Edit.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/001/281/321/original/a938c506-fcb9-48a7-b47f-32d5fc95650b.png" alt="image of the edit button" height="45" width="519">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-image-attachment-icon-in-the-editor-toolbar">
    <h2 class="step-title screensteps-heading">Select the Image/Attachment icon in the editor toolbar.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/240/575/original/efce7038-b339-4871-9be8-46d014eb5b35.png" alt="Image of the add image and attachment icon" height="106" width="373">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-file-from-resources">
    <h2 class="step-title screensteps-heading">Select the file from Resources.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/001/281/582/original/5d2f1203-e366-4fd4-8020-1e35a90534b2.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/001/281/582/medium/5d2f1203-e366-4fd4-8020-1e35a90534b2.png" alt="Image of a file being chosen from resources" height="324" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_BE210B26-222F-40AA-B276-4FB9E5C13280" class="text-block-content">
    <p>Click the <strong>Select</strong> link for the file you want to attach if it is already in Resources. </p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Or, upload the file.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/376/129/original/290e6380-6943-41c0-b64b-a0e3a6862ebc.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/376/129/medium/290e6380-6943-41c0-b64b-a0e3a6862ebc.png" alt="Image of the add and upload files button" height="326" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8AB62AB1-534D-4076-8FFB-AF06E52F5323" class="text-block-content">
    <p>If the file is not already in Resources, click <strong>Upload Files</strong> in the Add drop-down menu to browse for and select the file you want.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Click Continue.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/240/583/original/40634e01-4865-4058-bee2-39c6338659b0.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/240/583/medium/40634e01-4865-4058-bee2-39c6338659b0.png" alt="image of the continue button" height="241" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_451E1D2C-E2EE-4F62-8AC7-5BBFBE829B0A" class="text-block-content">
    <p>Once you have selected the image file, click the <strong>Continue</strong> button.</p>
<p>(Optional) Repeat as needed to attach additional files.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-edit-links">
    <h3 class="step-title screensteps-heading">View/edit links.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/376/131/original/cffb538b-0ec8-476c-b197-8ed781a9a1e9.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/376/131/medium/cffb538b-0ec8-476c-b197-8ed781a9a1e9.png" alt="Image of the view links text box" height="629" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_496E4211-8225-4141-B6D9-9DC65C050B82" class="text-block-content">
    <p>The attachment links will display in the editor area. </p>
<p><em>Tip: If you want to change the title of the link to something other than the filename, edit the link text before saving.</em></p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Preview content. (Optional)</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/376/136/original/27611270-086c-4494-b1ca-14bec07e4f94.png" alt="Image of the preview button" height="313" width="265">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_EE9FF9D1-6A03-4D92-914F-DAAA095064C0" class="text-block-content">
    <p>If you would like to preview your content before saving, click the <strong>Preview</strong> tab at the top of the editing area.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Save.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/376/140/original/e233e8f5-f66f-4b48-ac61-6f1c3723fea1.png" alt="" height="53" width="176">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_0E90562C-0A3B-43F4-AF58-DBD56E4C10DA" class="text-block-content">
    <p>Once you have finishing editing the page, click <strong>Save</strong>.</p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
